/*
    Document   : style
    Created on : 25/02/2013, 16:40:35
    Author     : Elias Kruk
    Project    : Bepoket Print
    Description:

*/

@charset "utf-8";

/*  Slider    */
.slider {
    width: 960px;
    height: 340px;
    position: relative;
    background-color: #D0D2D3;
}
.slider > div {
    display:none;
}
.slider a.next, a.prev {
    color:#000;
    background-color:#eee;
    border:1px solid #fff;
    outline:1px solid #ccc;
    text-shadow:-1px -1px 0px #fff;
    text-decoration:none;
    z-index:99;
    padding:0px 5px;
    display:block;
}
.slider .next {
    position:absolute;
    right:-10px;
    top:50%;
}
.slider .prev {
    position:absolute;
    left:-10px;
    top:50%;
}

.slider a.inactive {
    color:#ccc;
    background-color:#fff;
    border:1px solid #eee;
    outline:none;
}

.slider div a{

}

.slider ul.navi {
    list-style:none;
    position:absolute;
    bottom:20px;
    right:55px;
}
.slider ul.navi li {
    float: left;
    margin-right: 5px;
}
.slider ul.navi li a {
    background-color: #FFFFFF;
    display: block;
    height: 20px;
    width: 20px;
    text-indent:-9999px;
    outline:none;
    border: 2px solid #59C5D1;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0px 0px 2px  #59C5D1;
    -moz-box-shadow: 0px 0px 3px #59C5D1;
    box-shadow: 0px 0px 1px #59C5D1;
    behavior: url(../bepoketprint/wp-content/themes/bepoketprint/css/pie/PIE.htc);
}
.slider ul.navi li a.active {
    background-color: #59C5D1;
    border: 2px solid #FFFFFF;
}


.slider .texto-slider{
    width: 300px;
    height: 224px;
    position: absolute;
    top: 0px;
    padding: 58px;
}

.slider .slider-titulo{
    font-size: 24px;
    font-weight: bold;
}

.slider .slider-leyenda{
    font-size: 18px;
}

.slider .slider-descripcion{
    font-size: 12px;
}

.slider .slider-boton-disenios{
    border-radius: 7px 7px 7px 7px;
    bottom: 30px;
    display: block;
    left: 55px;
    position: absolute;
    text-transform: uppercase;
}

.slider .slider-boton-disenios > a{
    background-color: #59C5D1;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 3px black;
    color: white;
    display: block;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

.slider .slider-boton-disenios > a:hover{
    background: #404041;
}

.slider .slider-boton-consultar, .slider .slider-boton-comprar{
    box-shadow: 0 0 3px black;
    border: 2px solid #55C4D0;
    border-radius: 7px 7px 7px 7px;
    bottom: 30px;
    font-size: 21px;
    display: block;
    left: 55px;
    position: absolute;
    text-transform: uppercase;

    background: #ebf1f6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-8 */

    behavior: url(http://localhost/bepoketprint/wp-content/themes/bepoketprint/css/pie/PIE.htc);
}

.slider .slider-boton-consultar:hover, .slider .slider-boton-comprar:hover{
    text-decoration: none;
    color: #404041;
    /*    border: 2px solid #b8e1fc;*/
    background: #b8e1fc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-8 */



    behavior: url(http://localhost/bepoketprint/wp-content/themes/bepoketprint/css/pie/PIE.htc);

}

.slider .slider-boton-consultar a, .slider .slider-boton-comprar a{
    text-decoration: none;
    color: #404041;
    padding: 7px 25px;
    display: block;
    font-weight: bold;
}


.slider .boton {
    background-color: transparent;
    border: medium none;
    color: #404041;
    cursor: pointer;
    font-family: arial,helvetica,sans-serif;
    font-size: 21px;
    font-weight: bold;
    padding: 7px 20px;
}
/*  End  Slider    */


/*  Slider-tips */

.slider-tips {
    background-color: #FFFFFF;
    height: 500px;
    position: relative;
    width: 520px;
    border: 1px solid grey;
}

.slider-tips #slider-cuerpo{
    width: 520px;
    height: 500px;
    position: relative;
}

.slider-tips #slider-image{
    display: none;
    position : absolute;
    left : 50%;
    top : 50%;
}

.slider-tips > div img{
    max-width: 520px;
    max-height: 500px;
}
.slider-tips div.next, div.prev {
    cursor: pointer;
    display: block;
    height: 30px;
    width: 30px;
    z-index: 99;
}
.slider-tips .next {
    background: url("../images/flecha-slider-der.png") no-repeat scroll center center transparent;
    position:absolute;
    right: -10px;
    top:50%;
}
.slider-tips .prev {
    background: url("../images/flecha-slider-izq.png") no-repeat scroll center center transparent;
    left: -10px;
    position: absolute;
    top: 50%;
}

.slider-tips a.inactive {
    right: -10px;
    position: absolute;
    top: 50%;
}

.slider-tips div a{

}

.slider-tips ul.navi {
    list-style:none;
    position:absolute;
    bottom:20px;
    right:55px;
}
.slider-tips ul.navi li {
    float: left;
    margin-right: 5px;
}
.slider-tips ul.navi li a {
    background-color: #FFFFFF;
    display: block;
    height: 20px;
    width: 20px;
    text-indent:-9999px;
    outline:none;
    border: 2px solid #59C5D1;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0px 0px 2px  #59C5D1;
    -moz-box-shadow: 0px 0px 3px #59C5D1;
    box-shadow: 0px 0px 1px #59C5D1;
    behavior: url(../bepoketprint/wp-content/themes/bepoketprint/css/pie/PIE.htc);
}
.slider-tips ul.navi li a.active {
    background-color: #59C5D1;
    border: 2px solid #FFFFFF;
}


/*  Fin Slider-tips */
